<script setup>
import { ref } from "vue";
import { invoke } from "@tauri-apps/api/core";
import { useDark, useToggle } from '@vueuse/core'
const greetMsg = ref("");
const name = ref("");
const isDark = useDark()
const toggleDark = useToggle(isDark)
async function greet() {
  // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
  greetMsg.value = await invoke("greet", { name: name.value });
}
</script>

<template> 
  <el-button style="margin-top: 400px;" type="info" @click="toggleDark()">
    light
  </el-button>
    <!-- <router-view /> -->
</template>

<style>
*{
  padding: 0;
  margin: 0;
}
body{
    display: flex;
    justify-content: center;
    overflow: hidden !important;
}
</style>

